$(function(){	
    var showtime=setInterval(show,1000)
	function show(){
		$(".pic li").show()
	}
	$(".click ").fadeIn(600)
	$(".nav ul li dl").fadeIn(1000)
	var len=$(".pic li").length;
	/*创建光标*/	
    for(var j=0;j<len;j++){         
		 $(".num").append("<li><a></a></li>");
     }

	/*光标居中显示*/
	var width1=$(".num").width();
	$(".num").css('left',($("body").width()-width1)/2+'px')
	$(".num li").eq(0).addClass("bct")	
	/*计算容器的宽度*/
	var width=$("body").width();	
	$(".pic li").css('width',width+'px');
	$(".pic").css('width',len*width+'px');
	var leng=(len-1)*width;
	/*手指向左滑动*/
	$(".bann").on('swipeleft',function(){			
		var i=$('.num li.bct').index(); 		
		$(".num li").eq(i+1).addClass("bct").siblings().removeClass("bct")			
		$(".pic").css('margin-left',-(i+1)*width+'px')
		if(i>len-2){
		$(".pic").css('margin-left','0px')
		$(".num li").eq(0).addClass("bct").siblings().removeClass("bct")		
		}
	})
	/*手指向右滑动*/
	$(".bann").on('swiperight',function(){
		var left=$(".pic").css('margin-left');
        var ii=$('.num li.bct').index(); 	
		$(".pic").css('margin-left',-(ii-1)*width+'px')
		$(".num li").eq(ii-1).addClass("bct").siblings().removeClass("bct")	
		if(ii<1){
		$(".pic").css('margin-left',-leng+'px')
		}		
	})
	/*自动播放*/
	var i=0;
	var time=setInterval(move,3000)
	function move(){
		i++;
		if(i==len)
		{
			i=0;
		}			
		$(".pic").css('margin-left',-(i)*width+'px')
		$(".num li").eq(i).addClass("bct").siblings().removeClass("bct");
		}

	/*点击事件开始*/
	var cheight=300*width/640;
	var pwidth=$(".click dt").width();
	var pheight=65*pwidth/32;
	$(".click").css("top",(cheight-pheight)/2+"px")
	/*点击按钮位置确认*/
	$(".click dd").click(function(){	
		var ii=$('.num li.bct').index();
		$(".pic").css('margin-left',-(ii-1)*width+'px')
		$(".num li").eq(ii-1).addClass("bct").siblings().removeClass("bct")	
		if(ii<1){
		$(".pic").css('margin-left',-leng+'px')
		}	
	})
	/*左边按钮点击*/
	$(".click dt").click(function(){
		var i=$('.num li.bct').index();
		$(".num li").eq(i+1).addClass("bct").siblings().removeClass("bct")			
		$(".pic").css('margin-left',-(i+1)*width+'px')
		if(i>len-2){
		$(".pic").css('margin-left','0px')
		$(".num li").eq(0).addClass("bct").siblings().removeClass("bct")		
		}	

	})

    /*当手指在手机上接触绑定时间*/	
	$(".bann").on(" touchstart",function(){
	  clearInterval(time)	
	});	
	/*当手指离开手机触发绑定时间*/
	$(".bann").on(" touchend",function(){
	 time=setInterval(move,3000)
	});

	/*当手指在手机上接触时间*/	
	$(".bann").mouseover(function(){
		
		clearInterval(time)
	})
	/*当手指离开手机触发绑定时间*/
	$(".bann").mouseout(function(){
		 time=setInterval(move,3000)
	})


	/*菜单*/
	$(".nav li").css("width",(width-3)/4+"px")
	


	/*新闻左右触摸滑动切换*/
	$(".news-tit ul li").eq(0).addClass("lct")
	$(".news-li").eq(0).show();
	$(".news-tit ul li").click(function(){
		var i=$(this).index();
		$(".news-tit ul li").eq(i).addClass("lct").siblings().removeClass("lct")
		$(".news-li").eq(i).fadeIn(0).siblings(".news-li").fadeOut(0)
	})
	/*手指向左滑动*/
	$(".news").on('swipeleft',function(){
		var nnum=$(".news-li").length;				
		var i=$('.news-tit ul li.lct').index(); 		
		$(".news-tit ul li").eq(i+1).addClass("lct").siblings().removeClass("lct")			
		$(".news-li").eq(i+1).show().siblings(".news-li").hide()
		if(i>nnum-2){
		//$(".pic").css('margin-left','0px')
		$(".news-tit ul li").eq(0).addClass("lct").siblings().removeClass("lct")
		$(".news-li").eq(0).show().siblings(".news-li").hide()		
		}
	})

	/*手指向右滑动*/
	$(".news").on('swiperight',function(){	
		var nnum=$(".news-li").length;	
        var nii=$(".news-tit ul li.lct").index();		
		$(".news-li").eq(nii-1).show().siblings(".news-li").hide()
		$(".news-tit ul li").eq(nii-1).addClass("lct").siblings().removeClass("lct")	
		if(nii<=0){
		 $(".news-tit ul li").eq(nnum-1).addClass("lct").siblings().removeClass("lct")
		 nii=2
		}		
	})

	/*团队模块*/
	$(".team").eq(1).hide();
	$(".team").eq(2).hide();
	$(".team").on('swipeleft',function(){
		var i=$(this).index()-1;
		if(i>=2){
			$(this).animate({"left":"-110%"},1200,"swing")
			$(".team").eq(0).animate({"left":"0%"},1200,"swing")
		}else{			
			$(this).animate({"left":"-110%"},1200,"swing")
			$(".team").eq(i+1).fadeIn(600)
			$(".team").eq(i+1).animate({"left":"0%"},1200,"swing")
		}	
	
	})

	$(".team").on('swiperight',function(){
		var i=$(this).index()-1;
		if(i>=1){
			$(this).animate({"left":"-110%"},1200,"swing")
			$(".team").eq(0).animate({"left":"0%"},1200,"swing")
		}else{			
			$(this).animate({"left":"-110%"},1200,"swing")
			$(".team").eq(i+1).fadeIn(600)
			$(".team").eq(i+1).animate({"left":"0%"},1200,"swing")
		}	
	
	})

})


























